<div class="header-container"
     [class.left]="position === 'normal'"
     [class.right]="position === 'inverse'">
  <div class="logo-containter">
    <div><img src="assets/images/logo.svg" alt="天泰WEB应用防火墙"></div>
  </div>
  <div class="pull-right">
    <a (click)="toggleSidebar()" href="#" class="navigation"><i class="nb-menu"></i></a>
  </div>
    <div>
        <form class="form-horizontal">
            <div class="form-group row">
                <div class="col-sm-9">
                    <input type="text" class="form-control" id="inputHost" name="host" [(ngModel)]="host" placeholder="http://" (keypress)="($event.which === 13)?setHost():0">
                </div>
                <div class="col-md-3"><button class="btn btn-sm" (click)="setHost()">设置API地址</button></div>
            </div>
        </form>
    </div>
   <!--<ngx-theme-switcher></ngx-theme-switcher>-->
</div>

<div class="header-container">
  <!--<ngx-layout-direction-switcher></ngx-layout-direction-switcher>-->
   <nb-actions
     size="medium"
     [class.right]="position === 'normal'"
     [class.left]="position === 'inverse'">
     <!--<nb-action icon="nb-gear" class="toggle-layout" (click)="toggleSettings()"></nb-action>-->
     <!--<nb-action *nbIsGranted="['view', 'user']" >
       <nb-user [name]="user?.name" [picture]="user?.picture"></nb-user>
     </nb-action>-->
     <nb-action class="control-item">
       <iframe style="float: right;" src="https://ghbtns.com/github-btn.html?user=titansec&repo=OpenWAF&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
     </nb-action>
     <!--<nb-action class="control-item" disabled icon="nb-notifications"></nb-action>-->
     <!--<nb-action class="control-item" icon="nb-email"></nb-action>-->
     <!--<nb-action class="control-item">
       <nb-search type="rotate-layout" (click)="startSearch()"></nb-search>
     </nb-action>-->
   </nb-actions>
 </div>
